<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>页面相关</title>
</head>
<body>
<div>刘备</div>
<div>关羽</div>
<div>张飞</div>

<script src="../js/jquery-1.4.2.js"></script>

<script>
    //创建div元素
    let d = $("<div>赵云</div>")
    // $("body").append(d);//添加到body里面的最后
    // $("body").prepend(d);//添加都body李米娜最前面
    // $("div:contains('关羽')").after(d);//添加到关羽的后面
    $("div:contains('关羽')").before(d);//添加到关羽的前面
    $("div:contains('刘备')").remove();


</script>

</body>
</html>